<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="style.css" rel="stylesheet" />
    <title>伤感限定</title>
</head>
<body>
    <span class="top">>></span>
    <div class="box">
        <div class="nav_main">
            <span class="logo">心情<span class="y">.</span></span>
            <div class="nav">
                <ul>
                    <li><a href="#">小说</a></li>
                    <li><a href="#">快手</a></li>
                    <li><a href="#">抖音</a></li>
                    <li><a href="#">朋友圈</a></li>
                    <li><a href="#">日记</a></li>
                </ul>
            </div>
        </div>
        <div class="center">
            <span>恋爱脑</span>
            <span>拒绝冷暴力</span>
            <p>
                原来爱意太明显会把人推得更远
                <br />
                失去的东西，其实从来未曾真正地属于你，也不必惋惜，始终真心真意
             </p>
            <div >
                <button type="button" class="btn">打卡</button>
                <a href="#">失恋</a>
            </div>
        </div>
    </div>
</body>
</html>